<!DOCTYPE html>
<html lang="cn">
    <head>
        <meta charset="UTF-8" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, user-scalable=no"
        />
        <meta name="renderer" content="webkit" />
        <title></title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link rel="Shortcut Icon" href="" />
        <link rel="Bookmark" href="" />
        <link rel="stylesheet" href="static/css/fxfullwidth.css" />
        <meta id="i18n_pagename" content="common" />

        <!--banner样式-->
        <link
            rel="stylesheet"
            type="text/css"
            href="static/css/style.min.css"
        />
        <link
            rel="stylesheet"
            type="text/css"
            href="static/css/swiper.min.css"
        />
        <link
            rel="stylesheet"
            type="text/css"
            href="static/css/animate.min.css"
        />
        <link rel="stylesheet" href="static/css/respond.css" />
        <script type="text/javascript" src="static/js/vue.min.js"></script>
        <script
            type="text/javascript"
            src="static/js/modernizr.custom.js"
        ></script>
        <script type="text/javascript" src="static/js/swiper.min.js"></script>
    </head>
    <body>
        <div id="bloc" >
            <header style="visibility: visible;background-color: #fff;" >
                <nav
                    class="pc-nav pc scroll-animate mbg"
                    data-effect="fadeIn"
                    style="opacity: 1 !important"
                >
                    <div class="left">
                        <a href="" title="">
                            <img
                                class="lazy img1"
                                :data-src="logoImg"
                                alt="logo"
                            />
                            <img
                                class="lazy img2"
                                :data-src="logoImg2"
                                alt="logo"
                            />
                        </a>
                        <div class="mid">
                            <ul class="items">
                                <li
                                    v-for="(item,i) in navList"
                                    :key="i"
                                    class="cursorNone"
                                    :class="{'on':navIndex == i}"
                                >
                                    <a
                                        :href="item.url"
                                        class="f-16"
                                        data-note="item.title"
                                        ><span
                                            class="i18n"
                                            :name="item.title"
                                        ></span
                                    ></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="right">
                        <div class="search">
                            <a href="search.html" class="searchGo f-24">
                                <img
                                    class="img1"
                                    src="static/image/search_icon.png"
                                    alt=""
                                />
                                <img
                                    class="img2"
                                    src="static/image/search_icon2.png"
                                    alt=""
                                />
                            </a>
                        </div>
                        <div class="language">
                            <img
                                class="img1"
                                src="static/image/language.png"
                                alt=""
                            />
                            <img
                                class="img2"
                                src="static/image/language2.png"
                                alt=""
                            />
                            <select name="language" id="language">
                                <option value="zh-CN">中文</option>
                                <option value="en">ENG</option>
                            </select>
                        </div>
                    </div>
                </nav>
                <nav class="app-nav app">
                    <div class="inner_top bc">
                        <div class="topic">
                            <div class="app-logo">
                                <a href="">
                                    <img
                                        class="lazy img1"
                                        :data-src="logoImg"
                                        alt="logo"
                                    />
                                    <img
                                        class="lazy img2"
                                        :data-src="logoImg2"
                                        alt="logo"
                                    />
                                </a>
                            </div>
                            <a href="search.html" class="app-search"
                                ><img src="" alt=""
                            /></a>
                            <div id="app-menu">
                                <span class="line"></span>
                                <span class="line"></span>
                                <span class="line"></span>
                            </div>
                        </div>
                    </div>
                    <div class="inner_mid">
                        <div class="nav-items">
                            <div class="child_first">
                                <div
                                    class="firstList"
                                    :class="{'down_el':item.children}"
                                    v-for="(item,i) in navList"
                                    :key="i"
                                >
                                    <a
                                        :href="item.url"
                                        class="f-16 i18n"
                                        :class="{'red':navIndex == i}"
                                        :name="item.title"
                                    ></a>
                                </div>
                            </div>
                        </div>
                         <select
                            name="language"
                            id="language1"
                            style="
                                position: absolute;
                                bottom: 10px;
                                left: 50%;
                                transform: translate(-50%) scale(1.2);
                                line-height: 20px;
                            "
                        >
                            <option value="zh-CN">中文</option>
                            <option value="en">ENG</option>
                        </select>
                    </div>
                </nav>
            </header>
            <article class="wrapper" id="home">
                <div data-scroll="">
                    <div id="main">
                       <div v-show="tabKey==='company'" class="about-company">
                         <div
                            class="row dyt0"
                            data-nav="0"
                            style="
                                background-image: url('static/image/inner_background.png');
                            "
                        >
                            <div class="max-wid">
                                <div class="dyt1">
                                    <img
                                        class="c1"
                                        src="static/image/c_1.png"
                                    />
                                    <img
                                        class="c2"
                                        src="static/image/c_2.png"
                                    />
                                    <div
                                        class="item i18n"
                                        name="becoming_a_leader_in_the_ink_industry"
                                    ></div>
                                    <div
                                        class="item i18n"
                                        name="innovators_and_leaders"
                                    ></div>
                                </div>
                                <div class="dyt2">
                                    <div class="dyt3">
                                        <div
                                            name="company_introduction"
                                            class="item active i18n"
                                            @click="setTabKey('company')"
                                        ></div>
                                        <div
                                            name="technical_team"
                                            class="item i18n"
                                            @click="setTabKey('team')"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="software_and_hardware_qualifications"
                                           @click="setTabKey('soft')"
                                        ></div>
                                        <div
                                            name="global_partners"
                                            class="item i18n"
                                            @click="setTabKey('partners')"
                                        ></div>
                                    </div>
                                    <div class="dyt4">
                                        <div class="item">
                                            <img
                                                src="static/image/home.png"
                                                alt=""
                                            />
                                        </div>
                                        <div
                                            class="item i18n"
                                            name="website_index"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="about_us"
                                        ></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row dyt5">
                            <img
                                src="static/image/about_company_1.png"
                                alt=""
                            />
                        </div>
                        <div class="row">
                            <div class="max-wid">
                                <div class="dyt6">
                                    <img
                                        class="bg"
                                        src="static/image/about_company_6.png"
                                        alt=""
                                    />
                                    <div class="little-title">
                                        <span class="i18n" name="about"></span>
                                        <span class="i18n" name="us"></span>
                                    </div>
                                    <div class="title">{{company.title}}</div>
                                    <div class="desc">
                                        {{userLanguage === ZH_CN?company.introduction:company.introduction_en}}
                                    </div>

                                    <div class="zb">
                                        <div class="item">
                                            <img
                                                src="static/image/i_icon1.png"
                                                alt=""
                                            />
                                            <span class="t"
                                                >{{company.footprint}}<span name="square_meter" class="i18n"></span
                                            >
                                            <div class="d i18n" name="company_footprint"></div>
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/i_icon2.png"
                                                alt=""
                                            />
                                            <span class="t"
                                                >{{company.production_workshop}}<span name="square_meter" class="i18n"></span
                                            ></span
                                            >
                                            <span class="d i18n" name="production_workshop"></span>
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/i_icon3.png"
                                                alt=""
                                            />
                                            <span class="t"
                                                >{{company.laboratory}}<span name="square_meter" class="i18n"></span
                                            ></span
                                            >
                                            <span class="d i18n" name="laboratory"></span>
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/i_icon1.png"
                                                alt=""
                                            />
                                            <span class="t"
                                                >{{company.writing_ink}}<span name="ton" class="i18n"></span
                                            ></span
                                            >
                                            <span class="d i18n" name="high_quality_and_environmentally_friendly_writing_ink"
                                                ></span
                                            >
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/i_icon2.png"
                                                alt=""
                                            />
                                            <span class="t"
                                                >{{company.inkjet_printing}}<span name="ton" class="i18n"></span
                                            ></span
                                            >
                                            <span class="d i18n" name="textile_digital_inkjet_printing_ink"
                                                ></span
                                            >
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="dyt7">
                                <div class="bg-l"></div>
                                <div class="max-wid">
                                    <img
                                        class="bg-r"
                                        src="static/image/about_company_2.png"
                                        alt=""
                                    />
                                    <div class="bg-rb"></div>
                                    <div class="dyt8">
                                        <div class="swiper">
                                            <div class="swiper-wrapper">
                                                <div
                                                    class="swiper-slide"
                                                    v-for="item in companyDevelopmentHistory"
                                                >
                                                    <div class="little-title">
                                                        HISTORY
                                                    </div>
                                                    <div class="title i18n" name="history">
                                                    </div>
                                                    <div class="title2">
                                                        {{item.year}}{{userLanguage === ZH_CN?"年":"YEAR"}}
                                                    </div>
                                                    <div class="desc">
                                                        {{userLanguage === ZH_CN?item.content:item.content_en}}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="pagination">
                                            <div
                                                class="swiper-pagination"
                                            ></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row dyt9">
                            <img
                                class="bg"
                                src="static/image/about_company_7.png"
                                alt=""
                            />
                            <div class="max-wid">
                                <div class="dyt10">
                                    <div class="little-title">
                                        <span>COMPANY</span>
                                        <span>PHILOSOPHY</span>
                                    </div>
                                    <div class="title i18n" name="company_philosophy"></div>
                                    <div class="content">
                                        <div class="item">
                                            <img
                                                class="cover"
                                                src="static/image/about_company_8.png"
                                            />
                                            <img
                                                class="icon"
                                                src="static/image/p_icon3.png"
                                                alt=""
                                            />
                                            <span class="t1 i18n"
                                                name="continuous_innovation_and_excellent_quality"></span
                                            >
                                            <span class="t2 i18n" name="vision"></span>
                                            <span class="t3 i18n" name="becoming_a_global_leader_in_ink_and_textiles"
                                                ></span
                                            >
                                            <span class="t3 i18n"
                                              name="digital_inkjet_production_enterprises"  ></span
                                            >
                                        </div>
                                        <div class="item">
                                            <img
                                                class="cover"
                                                src="static/image/about_company_9.png"
                                            />
                                            <img
                                                class="icon"
                                                src="static/image/p_icon5.png"
                                                alt=""
                                            />
                                            <span class="t1 i18n" name="creating_a_colorful_world"></span>
                                            <span class="t2 i18n" name="mission"></span>
                                            <span class="t3 i18n" name="to_provide_customers_with_advanced_services_through_continuous_innovation"
                                                ></span
                                            >
                                            <span class="t3 i18n" name="environmentally_friendly_and_high_quality_products_and_solutions"
                                                ></span
                                            >
                                            <span class="t3 i18n"
                                               name="promote_industrial_upgrading_and_technological_progress" ></span
                                            >
                                        </div>
                                        <div class="item">
                                            <img
                                                class="cover"
                                                src="static/image/about_company_10.png"
                                            />
                                            <img
                                                class="icon"
                                                src="static/image/p_icon4.png"
                                                alt=""
                                            />
                                            <span class="t1 i18n"
                                                name="customer_first_innovative_and_enterprising_integrity"></span
                                            >
                                            <span class="t2 i18n" name="core_values"></span>
                                            <span class="t3 i18n" name="always_adhere_to_product_centricity"
                                                ></span
                                            >
                                            <span class="t3 i18n"
                                               name="continuously_innovate_and_improve" ></span
                                            >
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                       </div>
                       <div v-show="tabKey==='team'" class="about-team">
                         <div
                            class="row dyt0"
                            data-nav="0"
                            style="
                                background-image: url('static/image/inner_background.png');
                            "
                        >
                            <div class="max-wid">
                                <div class="dyt1">
                                    <img
                                        class="c1"
                                        src="static/image/c_1.png"
                                    />
                                    <img
                                        class="c2"
                                        src="static/image/c_2.png"
                                    />
                                    <div
                                        class="item i18n"
                                        name="becoming_a_leader_in_the_ink_industry"
                                    ></div>
                                    <div
                                        class="item i18n"
                                        name="innovators_and_leaders"
                                    ></div>
                                </div>
                                <div class="dyt2">
                                    <div class="dyt3">
                                        <div
                                            class="item i18n"
                                            name="company_introduction"
                                            @click="setTabKey('company')"
                                        ></div>
                                        <div
                                            class="item active i18n"
                                            name="technical_team"
                                            @click="setTabKey('team')"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="software_and_hardware_qualifications"
                                             @click="setTabKey('soft')"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="global_partners"
                                            @click="setTabKey('partners')"
                                        ></div>
                                    </div>
                                    <div class="dyt4">
                                        <div class="item">
                                            <img
                                                src="static/image/home.png"
                                                alt=""
                                            />
                                        </div>
                                        <div
                                            class="item i18n"
                                            name="website_index"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="about_us"
                                        ></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row dyt5">
                            <img src="static/image/about_team_1.png" alt="" />
                        </div>
                        <div class="row">
                            <div class="max-wid">
                                <div class="dyt6">
                                    <div class="k1">
                                        <div class="k2">
                                            <div class="little-title">
                                                TEAMS
                                            </div>
                                            <div
                                                class="title i18n"
                                                name="technical_team"
                                            ></div>
                                        </div>
                                        <div class="k3">
                                            <span
                                                class="i18n"
                                                name="compny_team_desc_1"
                                            ></span>
                                            <span
                                                class="i18n"
                                                name="compny_team_desc_2"
                                            ></span>
                                        </div>
                                    </div>
                                    <div class="content">
                                        <div class="item" v-for="item in teams">
                                            <img
                                                class="avatar"
                                                :src="basePath + item.photo_url"
                                                alt=""
                                            />
                                            <div class="t1">
                                                <div class="t2">
                                                    {{userLanguage ===
                                                    ZH_CN?item.name:item.name_en}}
                                                </div>
                                                <div class="t3">
                                                    {{userLanguage ===
                                                    ZH_CN?item.department:item.department_en}}
                                                </div>
                                            </div>
                                            <div class="t4"></div>
                                            <div class="t5">
                                                {{userLanguage ===
                                                ZH_CN?item.post:item.post_en}}
                                            </div>
                                            <div class="t6">
                                                {{userLanguage ===
                                                ZH_CN?item.introduction:item.introduction_en}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                       </div>
                       <div v-show="tabKey==='soft'" class="about-soft">
                         <div
                            class="row dyt0"
                            data-nav="0"
                            style="
                                background-image: url('static/image/inner_background.png');
                            "
                        >
                            <div class="max-wid">
                                <div class="dyt1">
                                    <img
                                        class="c1"
                                        src="static/image/c_1.png"
                                    />
                                    <img
                                        class="c2"
                                        src="static/image/c_2.png"
                                    />
                                    <div
                                        class="item i18n"
                                        name="becoming_a_leader_in_the_ink_industry"
                                    ></div>
                                    <div
                                        class="item i18n"
                                        name="innovators_and_leaders"
                                    ></div>
                                </div>
                                <div class="dyt2">
                                    <div class="dyt3">
                                        <div
                                            class="item i18n"
                                            name="company_introduction"
                                            @click="setTabKey('company')"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="technical_team"
                                            @click="setTabKey('team')"
                                        ></div>
                                        <div
                                            class="item active i18n"
                                            name="software_and_hardware_qualifications"
                                            @click="setTabKey('soft')"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="global_partners"
                                           @click="setTabKey('partners')"
                                        ></div>
                                    </div>
                                    <div class="dyt4">
                                        <div class="item">
                                            <img
                                                src="static/image/home.png"
                                                alt=""
                                            />
                                        </div>
                                        <div
                                            class="item i18n"
                                            name="website_index"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="about_us"
                                        ></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row dyt5">
                            <img src="static/image/about_soft_26.png" alt="" />
                        </div>
                        <div class="row">
                            <div class="max-wid">
                                <div class="dyt6">
                                    <div class="k1">
                                        <div class="k2">
                                            <div class="little-title">
                                                HARDWARE
                                            </div>
                                            <div
                                                class="title i18n"
                                                name="hardware_aspect"
                                            ></div>
                                        </div>
                                        <div
                                            class="k3 i18n"
                                            name="hardware_desc"
                                        ></div>
                                    </div>
                                    <div class="content">
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_1.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_2.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_3.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_4.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_5.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_6.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_7.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_8.png"
                                                alt=""
                                            />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="max-wid">
                                <div class="dyt7">
                                    <div class="k1">
                                        <div class="k2">
                                            <div class="little-title">
                                                LABORATORY
                                            </div>
                                            <div
                                                class="title i18n"
                                                name="third_party_testing_laboratory"
                                            ></div>
                                        </div>
                                    </div>
                                    <div
                                        class="k4 i18n"
                                        name="third_party_testing_laboratory_desc"
                                    ></div>
                                    <div class="content">
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_9.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_10.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_11.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_12.png"
                                                alt=""
                                            />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="max-wid">
                                <div class="dyt8">
                                    <div class="k1">
                                        <div class="k2">
                                            <div class="little-title">
                                                REPORT
                                            </div>
                                            <div
                                                class="title i18n"
                                                name="report"
                                            ></div>
                                        </div>
                                    </div>
                                    <div class="content">
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_13.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_14.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_15.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_16.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_17.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_18.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_19.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_20.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_21.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_22.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_23.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_soft_24.png"
                                                alt=""
                                            />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row dyt9">
                            <div class="bg"></div>
                            <div class="max-wid">
                                <div class="dyt10">
                                    <div class="k1">
                                        <div class="k2">
                                            <div class="little-title">
                                                CERTIFICATE
                                            </div>
                                            <div
                                                class="title i18n"
                                                name="certificate"
                                            ></div>
                                        </div>
                                    </div>
                                    <div
                                        class="content"
                                        style="margin-top: 10px"
                                    >
                                        <div class="swiper">
                                            <div class="swiper-wrapper">
                                                <div
                                                    class="swiper-slide"
                                                    v-for="arr in certificate"
                                                >
                                                    <div
                                                        class="item"
                                                        v-for="item in arr"
                                                    >
                                                        <div class="img">
                                                            <img
                                                                style="
                                                                    width: 250px;
                                                                    height: 350px;
                                                                "
                                                                :src="basePath + item.img_url"
                                                                alt=""
                                                            />
                                                        </div>
                                                        <div class="title">
                                                            {{userLanguage ===
                                                            ZH_CN ? item.name :
                                                            item.name_en}}
                                                        </div>
                                                        <div class="date">
                                                            {{item.date}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="max-wid">
                                <div class="dyt11">
                                    <div class="k1">
                                        <div class="k2">
                                            <div class="little-title">
                                                LABORATORY
                                            </div>
                                            <div
                                                class="title i18n"
                                                name="laboratory"
                                            ></div>
                                        </div>
                                    </div>
                                    <div class="content">
                                        <div class="swiper">
                                            <div class="swiper-wrapper">
                                                <div
                                                    class="swiper-slide"
                                                    v-for="item in banners"
                                                >
                                                    <img
                                                        class="image"
                                                        :src="basePath + item.img_url"
                                                    />
                                                    <div class="label">
                                                        {{item.description}}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                       </div>
                       <div v-show="tabKey==='partners'" class="about-partners">
                        <div
                            class="row dyt0"
                            data-nav="0"
                            style="
                                background-image: url('static/image/inner_background.png');
                            "
                        >
                            <div class="max-wid">
                                <div class="dyt1">
                                    <img
                                        class="c1"
                                        src="static/image/c_1.png"
                                    />
                                    <img
                                        class="c2"
                                        src="static/image/c_2.png"
                                    />
                                    <div
                                        class="item i18n"
                                        name="becoming_a_leader_in_the_ink_industry"
                                    ></div>
                                    <div
                                        class="item i18n"
                                        name="innovators_and_leaders"
                                    ></div>
                                </div>
                                <div class="dyt2">
                                    <div class="dyt3">
                                        <div
                                            class="item i18n"
                                            name="company_introduction"
                                            @click="setTabKey('company')"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="technical_team"
                                            @click="setTabKey('team')"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="software_and_hardware_qualifications"
                                           @click="setTabKey('soft')"
                                        ></div>
                                        <div
                                            class="item active i18n"
                                            name="global_partners"
                                            @click="setTabKey('partners')"
                                        ></div>
                                    </div>
                                    <div class="dyt4">
                                        <div class="item">
                                            <img
                                                src="static/image/home.png"
                                                alt=""
                                            />
                                        </div>
                                        <div
                                            class="item i18n"
                                            name="website_index"
                                        ></div>
                                        <div
                                            class="item i18n"
                                            name="about_us"
                                        ></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row dyt5">
                            <img
                                src="static/image/about_partners_1.png"
                                alt=""
                            />
                        </div>
                        <div class="row">
                            <div class="max-wid">
                                <div class="dyt6">
                                    <div class="k1">
                                        <div class="k2">
                                            <div class="little-title">
                                                PARTNERS
                                            </div>
                                            <div
                                                class="title i18n"
                                                name="partners"
                                            ></div>
                                        </div>
                                        <div
                                            class="k3 i18n"
                                            name="partners_desc"
                                        ></div>
                                    </div>
                                    <div class="content">
                                        <div class="item">
                                            <img
                                                src="static/image/about_partners_2.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_partners_3.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_partners_10.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_partners_4.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_partners_5.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_partners_6.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_partners_7.png"
                                                alt=""
                                            />
                                        </div>
                                        <div class="item">
                                            <img
                                                src="static/image/about_partners_8.png"
                                                alt=""
                                            />
                                        </div>
                                    </div>
                                    <div
                                        class="k4 i18n"
                                        name="partners_desc_2"
                                    ></div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="max-wid">
                                <div class="dyt7">
                                    <div class="k1">
                                        <div class="k2">
                                            <div class="little-title">
                                                LABORATORY
                                            </div>
                                            <div
                                                class="title i18n"
                                                name="global_network"
                                            ></div>
                                        </div>
                                    </div>
                                    <img
                                        class="map"
                                        src="static/image/about_partners_9.png"
                                        alt=""
                                    />
                                </div>
                            </div>
                        </div>
                       </div>
                        <!-- 墨水列表 -->
                        <div
                            class="ink flex-center bc pt-100 pb-100"
                            data-nav="0"
                            :style="'background-image: url(' + inkbackground + ')'"
                        >
                            <div
                                class="ink_cont max-wid pt-32 pb-32 flex-between align-center"
                            >
                                <div class="ink_left">
                                    <div
                                        class="title scroll-animate"
                                        data-effect="fn3"
                                    >
                                        <h3 class="f-16">
                                            <span class="red">INK</span>
                                            CUSTOMIZED
                                        </h3>
                                        <h2
                                            class="f-30 mt-10 i18n"
                                            name="ink_customized"
                                        ></h2>
                                    </div>
                                    <div
                                        class="more_btn black_btn mt-80 scroll-animate"
                                        data-effect="fn3"
                                        data-delay=".1"
                                    >
                                        <a href="" class="f-18"
                                            ><span
                                                style="font-size: 18px"
                                                class="i18n"
                                                name="more_ink_products"
                                            ></span>
                                            <img src="static/image/add_red.png"
                                        /></a>
                                    </div>
                                </div>
                                <div
                                    class="ink_right scroll-animate"
                                    data-effect="fn3"
                                    data-delay=".4"
                                >
                                    <ul class="ink_ul flex">
                                        <li>
                                            <div class="icon">
                                                <img
                                                    src="static/image/b_icon1.png"
                                                    alt=""
                                                />
                                            </div>
                                            <p
                                                class="f-20 mt-30 i18n"
                                                name="writing_ink"
                                            ></p>
                                            <p
                                                class="f-20 mt-14 i18n"
                                                name="personalized_customization"
                                            ></p>
                                            <div class="add mt-14">
                                                <img
                                                    src="static/image/add_red.png"
                                                    alt=""
                                                />
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <img
                                                    src="static/image/b_icon2.png"
                                                    alt=""
                                                />
                                            </div>
                                            <p
                                                class="f-20 mt-30 i18n"
                                                name="disperse_inkjet_ink"
                                            ></p>
                                            <p
                                                class="f-20 mt-14 i18n"
                                                name="personalized_customization"
                                            ></p>
                                            <div class="add mt-14">
                                                <img
                                                    src="static/image/add_red.png"
                                                    alt=""
                                                />
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <img
                                                    src="static/image/b_icon3.png"
                                                    alt=""
                                                />
                                            </div>
                                            <p
                                                class="f-20 mt-30 i18n"
                                                name="printing_as_a_whole"
                                            ></p>
                                            <p
                                                class="f-20 mt-14 i18n"
                                                name="solution_provision"
                                            ></p>
                                            <div class="add mt-14">
                                                <img
                                                    src="static/image/add_red.png"
                                                    alt=""
                                                />
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- 新闻资讯 -->
                        <footer
                            style="
                                background-image: url('static/image/foot_bg.jpg');
                            "
                        >
                            <div
                                class="pt-60 pb-60 foot_nav align-center flex-between"
                            >
                                <div class="foot_logo">
                                    <a href="" title=""
                                        ><img
                                            class="lazy"
                                            data-src="static/image/logo.png"
                                            alt="logo"
                                    /></a>
                                </div>
                                <ul class="foot_nav_list flex">
                                    <li v-for="(item,i) in navList" :key="i">
                                        <a
                                            :href="item.url"
                                            class="f-16 i18n"
                                            :name="item.title"
                                        ></a>
                                    </li>
                                </ul>
                            </div>
                            <div
                                class="mark_p flex-between flex-center pt-60 pb-30"
                            >
                                <p class="f-12">
                                    COPYRIGHT 2023 XINGUOBAO.COM ALL RIGHTS
                                    RESERVED
                                    <a class="f-12">ICP：沪ICP备19088095号</a>
                                </p>

                                <div class="f_icon flex-center">
                                    <div class="icon">
                                        <img
                                            src="static/image/f_icon1.png"
                                            alt=""
                                        />
                                    </div>
                                    <div class="icon">
                                        <img
                                            src="static/image/f_icon2.png"
                                            alt=""
                                        />
                                    </div>
                                    <div class="icon">
                                        <img
                                            src="static/image/f_icon3.png"
                                            alt=""
                                        />
                                    </div>
                                </div>
                            </div>
                        </footer>
                    </div>
                </div>
            </article>
        </div>
        <script
            type="text/javascript"
            src="static/js/jquery-3.2.1.min.js"
        ></script>
        <script type="text/javascript" src="api/index.js"></script>
        <script src="static/js/common.js"></script>
        <script src="static/js/jquery.i18n.properties.js.js"></script>
        <script src="static/js/i18n.js"></script>
        <script>
            sessionStorage.setItem("key", "product");
            Vue.nextTick(function () {
                //所有监听
                var swiper = new Swiper(".swiper", {
                    autoplay: {
                        delay: 5000,
                        stopOnLastSlide: false,
                        disableOnInteraction: true,
                    },
                    observer: true, //修改swiper自己或子元素时，自动初始化swiper
                    observeParents: true, //修改swiper的父元素时，自动初始化swiper
                    pagination: {
                        el: ".swiper-pagination",
                        clickable: true,
                    },
                    followFinger: false,
                    speed: 800,
                    mousewheel: true,
                    on: {
                        init: function (swiper) {
                            slide = this.slides.eq(0);
                            slide.addClass("ani-slide");
                        },
                        transitionStart: function () {
                            for (i = 0; i < this.slides.length; i++) {
                                slide = this.slides.eq(i);
                                slide.removeClass("ani-slide");
                            }
                        },
                        transitionEnd: function () {
                            slide = this.slides.eq(this.activeIndex);
                            slide.removeClass("ani-slide");
                            slide.addClass("ani-slide");
                            $(".bannerIndex").text(
                                "0" + (this.activeIndex + 1)
                            );
                        },
                    },
                });
            });
            var app = null;
            const userLanguage = getCookie("userLanguage");
            app = new Vue({
                el: "#bloc",
                data: {
                    tabKey:"company",
                    company: {},
                    userLanguage,
                    ZH_CN,
                    EN,
                    logoImg: "static/image/logo.png",
                    logoImg2: "static/image/logo2.png",
                    //导航
                    navIndex: 1,
                    navList,
                    teams: [],
                    //导航
                    basePath: "",
                    bannerList: [
                        {
                            imgUrl: "static/image/a14.png",
                        },
                        {
                            imgUrl: "static/image/a14.png",
                        },
                        {
                            imgUrl: "static/image/a14.png",
                        },
                        {
                            imgUrl: "static/image/a14.png",
                        },
                    ],
                    total_num: 4,
                    r2_background: "static/image/pro_bg.jpg",
                    inkbackground: "static/image/ink_bg.jpg",
                    r3_background: "static/image/c4_bg.png",
                    photoList: [
                        {
                            imgUrl: "static/image/a1.png",
                        },
                        {
                            imgUrl: "static/image/a2.png",
                        },
                        {
                            imgUrl: "static/image/a3.png",
                        },
                        {
                            imgUrl: "static/image/a4.png",
                        },
                        {
                            imgUrl: "static/image/a5.png",
                        },
                        {
                            imgUrl: "static/image/a6.png",
                        },
                        {
                            imgUrl: "static/image/a7.png",
                        },
                        {
                            imgUrl: "static/image/a8.png",
                        },
                        {
                            imgUrl: "static/image/a9.png",
                        },
                        {
                            imgUrl: "static/image/a10.png",
                        },
                        {
                            imgUrl: "static/image/a11.png",
                        },
                        {
                            imgUrl: "static/image/a12.png",
                        },
                    ],
                    proTabList: [
                        {
                            title: "书写墨水",
                        },
                        {
                            title: "数码喷墨",
                        },
                    ],
                    proIndex: 0,
                    proList: [
                        {
                            iconImg: "static/image/p_icon1.png",
                            title: "溶剂型记号",
                        },
                        {
                            iconImg: "static/image/p_icon2.png",
                            title: "记号笔墨水",
                        },
                        {
                            iconImg: "static/image/p_icon3.png",
                            title: "水性记号笔墨水",
                        },
                        {
                            iconImg: "static/image/p_icon1.png",
                            title: "溶剂型记号",
                        },
                        {
                            iconImg: "static/image/p_icon4.png",
                            title: "特殊记号墨水",
                        },
                        {
                            iconImg: "static/image/p_icon5.png",
                            title: "勾线笔墨水",
                        },
                        {
                            iconImg: "static/image/p_icon6.png",
                            title: "宝珠笔/走珠笔墨水",
                        },
                        {
                            iconImg: "static/image/p_icon1.png",
                            title: "溶剂型记号",
                        },
                        {
                            iconImg: "static/image/p_icon2.png",
                            title: "记号笔墨水",
                        },
                        {
                            iconImg: "static/image/p_icon3.png",
                            title: "水性记号笔墨水",
                        },
                        {
                            iconImg: "static/image/p_icon1.png",
                            title: "溶剂型记号",
                        },
                        {
                            iconImg: "static/image/p_icon4.png",
                            title: "特殊记号墨水",
                        },
                        {
                            iconImg: "static/image/p_icon5.png",
                            title: "勾线笔墨水",
                        },
                        {
                            iconImg: "static/image/p_icon6.png",
                            title: "宝珠笔/走珠笔墨水",
                        },
                    ],
                    proImg: "static/image/pro1.png",
                    comList: [
                        {
                            imgUrl: "static/image/c_img1.png",
                            iconImg: "static/image/p_icon3.png",
                            content: "持续的创新和卓越的品质",
                            title: "愿 景",
                        },
                        {
                            imgUrl: "static/image/c_img2.png",
                            iconImg: "static/image/p_icon5.png",
                            content: "创造多彩世界",
                            title: "使 命",
                        },
                        {
                            imgUrl: "static/image/c_img3.png",
                            iconImg: "static/image/p_icon4.png",
                            content: "客户至上、创新进取、诚信为本、创造价值",
                            title: "核心价值观",
                        },
                    ],
                    newsList: [
                        {
                            imgUrl: "static/image/n_img1.png",
                            title: "公司新闻",
                            txt: "WEB应用已经广泛应用到新闻资讯、电子商务、社交网络等多个领域......",
                            date: "2023-04-18",
                        },
                        {
                            imgUrl: "static/image/n_img2.png",
                            title: "行业新闻",
                            txt: "然而频繁发生的WEB安全事件给服务提供商、企业及个人用户带来极大......",
                            date: "2023-04-18",
                        },
                        {
                            imgUrl: "static/image/n_img3.png",
                            title: "媒体报道",
                            txt: "WEB应用已经广泛应用到新闻资讯、电子商务、社交网络等多个领域......",
                            date: "2023-04-18",
                        },
                    ],
                    companyDevelopmentHistory: [],
                     certificate: [],
                    banners: [],
                },
                created: function () {
                    var that = this;
                    this.getCompany();
                    this.getCompanyDevelopmentHistory();
                    this.getTeams()
                    this.getBasePath()
                    this.getBanners()
                },
                methods: {
                    setSize() {
                        this.$nextTick(() => {
                            base && base.setSize();
                        });
                    },
                    getCompanyDevelopmentHistory() {
                        $.ajax({
                            url: `${BASE_URL}/companyDevelopmentHistory`,
                            dataType: "json",
                            type: "get",
                            success: (res) => {
                                if (res.code === CODE_SUCCESS) {
                                    this.companyDevelopmentHistory =
                                        res.data.list;
                                    this.$nextTick(() => {
                                        execI18n();
                                         this.setSize();
                                    });
                                }
                            },
                        });
                    },
                    getCompany() {
                        $.ajax({
                            url: `${BASE_URL}/company`,
                            dataType: "json",
                            type: "get",
                            success: (res) => {
                                if (res.code === CODE_SUCCESS) {
                                    this.company = res.data;
                                    this.setSize();
                                }
                            },
                        });
                    },
                   
                    // team
                     getTeams() {
                        $.ajax({
                            url: `${BASE_URL}/teams`,
                            dataType: "json",
                            type: "get",
                            data: { size: 100 },
                            success: (res) => {
                                if (res.code === CODE_SUCCESS) {
                                    this.teams = res.data.list;
                                    this.setSize();
                                }
                            },
                        });
                    },
                    getBasePath() {
                        $.ajax({
                            url: `${BASE_URL}/getBasePath`,
                            dataType: "json",
                            type: "get",
                            success: (res) => {
                                if (res.code === CODE_SUCCESS) {
                                    this.basePath = res.data;
                                     this.setSize();
                                }
                            },
                        });
                    },
                  
                    //  soft
                    getBanners() {
                        $.ajax({
                            url: `${BASE_URL}/banners`,
                            dataType: "json",
                            type: "get",
                            data: {
                                page_type: "about",
                            },
                            success: (res) => {
                                if (res.code === CODE_SUCCESS) {
                                    this.banners = res.data.list;
                                    this.setSize();
                                }
                            },
                        });
                    },
                    getCert() {
                        $.ajax({
                            url: `${BASE_URL}/certificate`,
                            dataType: "json",
                            type: "get",
                            success: (res) => {
                                if (res.code === CODE_SUCCESS) {
                                    const result = [];
                                    for (
                                        let i = 0;
                                        i < res.data.list.length;
                                        i += 4
                                    ) {
                                        result.push(
                                            res.data.list.slice(i, i + 4)
                                        );
                                    }
                                    this.certificate = result;
                                     this.setSize();
                                }
                            },
                        });
                    },
                    proTab(i) {
                        this.proIndex = i;
                        this.setSize();
                    },
                    setTabKey(tabKey) {
                        this.tabKey = tabKey
                         this.setSize();
                    }
                },
            });
        </script>
    </body>
  
    <script type="text/javascript" src="static/js/TweenMax.min.js"></script>
    <script type="text/javascript" src="static/js/zhcool_inner.min.js"></script>
    <script type="text/javascript" src="static/js/app.min.js?v=1"></script>
</html>
